<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Image Gallery</title>
    <link rel="stylesheet" href="styles/layout.css" media="screen" />
</head>
<body>
 <h1>Snapshots</h1>
    <ul id="imagegallery">
        <li>
            <a href="images/fireworks.jpg"  title="A fireworks display"> Fireworks</a>
        </li>

        <li>
            <a href="images/coffee.jpg"  title="A cup of coffee"> Coffee</a>
        </li>

        <li>
            <a href="images/rose.jpg"  title="A red , red rose"> Rose</a>
        </li>

        <li>
            <a href="images/bigben.jpg"  title="The famous clock"> Big ben</a>
        </li>

        <!--<li>-->
            <!--<a href="http://www.baidu.com/" class="popup">Test</a>-->
        <!--</li>-->

        <!--<li>-->
            <!--<a href="http://www.baidu.com/" class="popupTest">测试版本控制</a>-->
        <!--</li>-->

        <!--<img id="placeholder" src="images/placeholder.jpg" alt="my image gallery"/>-->
        <!--<p id="description">Choose an image</p>-->
    </ul>
    <script type="text/javascript" src="scripts/showPic.js"></script>
</body>
</html>